
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">

<title>${setting.siteName}- 服务器监控</title>
<meta name="keywords" content="${setting.siteName}">
<meta name="description" content="${setting.siteName}">

<link href="${base}/resources/css/bootstrap.min.css?v=3.4.0"
	rel="stylesheet">
<link href="${base}/resources/css/font-awesome.min.css?v=4.3.0"
	rel="stylesheet">
<link href="${base}/resources/css/plugins/jsTree/style.min.css"
	rel="stylesheet">
<link href="${base}/resources/css/animate.min.css" rel="stylesheet">
<link href="${base}/resources/css/style.min.css?v=3.0.0"
	rel="stylesheet">
<!-- iCheck -->
<link href="${base}/resources/css/plugins/iCheck/custom.css"
	rel="stylesheet">
<!-- Sweet Alert -->
<link
	href="${base}/resources/css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="${base}/resources/css/plugins/datapicker/datepicker3.css"
	rel="stylesheet">

<style>
html, body, div, span, input, p, h1, h2, h3, h4, h5, h6, blockquote, a,
	abbr, acronym, address, strong, b, u, i, center, dl, dt, dd, ol, ul, td,
	tr {
	font-family: "Microsoft Yahei", "微软雅黑", "宋体", "Simsun", "Open Sans";
}
</style>
</head>

<body class="gray-bg">

	<!-- 	<div class="row  border-bottom white-bg dashboard-header">
        <div class="col-sm-12 ui-sortable">
            <blockquote class="text-success" style="font-size:14px">Loippi framework是一款基于代码生成器的智能快速开发平台，引领新开发模式(智能开发\在线开发\插件开发)， 可以帮助解决Java项目80%的重复工作，让开发更多关注业务逻辑。既能快速提高开发效率，帮助公司节省人力成本，同时又不失灵活性。 
   				 <br>简单功能由代码生成器生成使用; 复杂业务采用表单自定义，业务流程使用工作流来实现、扩展出任务接口，供开发编写业务逻辑。 实现了流程任务节点和任务接口的灵活配置，既保证了公司流程的保密性，又减少了开发人员的工作量
               <br>Loippi framework采用了目前极为流行的扁平化响应式的设计风格以及经典的jQuery UI风格可切换，可以完美的兼容电脑，pad，手机等多个平台。
                <br>…………
            </blockquote>

            <hr>
        </div>
    </div> -->

	<div class="wrapper wrapper-content  animated fadeInRight">
		<!--第一个表BEGIN-->
		<div class="row">
			<div class="col-sm-4">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<span style="font-weight: bold;"> CPU</span>
						<div class="ibox-tools">
							<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
							</a>

						</div>
					</div>
					<div class="ibox-content">
						<table
							class="table table-striped table-bordered table-hover dataTables-example dataTable">
							<thead>
								<tr>
									<th>属性</th>
									<th>值</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>核心数</td>
									<td>${server.cpu.cpuNum}</td>
								</tr>
								<tr>
									<td>用户使用率</td>
									<td>${server.cpu.used}%</td>
								</tr>
								<tr>
									<td>系统使用率</td>
									<td>${server.cpu.sys}%</td>
								</tr>
								<tr>
									<td>当前空闲率</td>
									<td>${server.cpu.free}%</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="col-sm-4">

				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>内存</h5>
						<div class="ibox-tools">
							<a class="collapse-link ui-sortable"> <i
								class="fa fa-chevron-up"></i>
							</a>
						</div>
					</div>
					<div class="ibox-content">
						<table
							class="table table-striped table-bordered table-hover dataTables-example dataTable">
							<thead>
								<tr>
									<th>属性</th>
									<th>内存</th>
									<th>JVM</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>总内存</td>
									<td>${server.mem.total + 'G'}</td>
									<td>${server.jvm.total + 'M'}</td>
								</tr>
								<tr>
									<td>已用内存</td>
									<td>${server.mem.used + 'G'}</td>
									<td>${server.jvm.used + 'M'}</td>
								</tr>
								<tr>
									<td>剩余内存</td>
									<td>${server.mem.free + 'G'}</td>
									<td>${server.jvm.free + 'M'}</td>
								</tr>
								<tr>
									<td>使用率</td>
									<td>${server.mem.usage}%</td>
									<td>${server.jvm.usage}%</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>

			</div>
			
			
			<div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                    	 <h5>服务器信息 </h5>
                    </div>
                    <div class="ibox-content">
						   <div class="dataTables_wrapper form-inline">
                            <table class="table table-striped table-bordered table-hover dataTables-example dataTable">
                                <tbody>
							        	 <tr>
						                    <td >
												服务器名称
											</td>
											<td>
												${server.sys.computerName}
											</td>
											<td>
												操作系统
											</td>
											<td>
												${server.sys.osName}
											</td>
						                   </tr>
							        	 <tr>
						                    <td >
												服务器IP
											</td>
											<td>
												${server.sys.computerIp}
											</td>
											<td>
												系统架构
											</td>
											<td>
												${server.sys.osArch}
											</td>
						                   </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            
			<div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                    	 <h5>Java虚拟机信息 </h5>
                    </div>
                    <div class="ibox-content">
						   <div class="dataTables_wrapper form-inline">
                            <table class="table table-striped table-bordered table-hover dataTables-example dataTable">
                                <tbody>
							        	 <tr>
						                    <td >
												Java名称
											</td>
											<td>
												${server.jvm.name}
											</td>
											<td>
												Java版本
											</td>
											<td>
												${server.jvm.version}
											</td>
						                   </tr>
							        	 <tr>
						                    <td >
												启动时间
											</td>
											<td>
												${server.jvm.startTime}
											</td>
											<td>
												运行时长
											</td>
											<td>
												${server.jvm.runTime}
											</td>
						                  </tr>
							        	 <tr>
						                    <td >
												安装路径
											</td>
											<td>
												${server.jvm.home}
											</td>
											<td>
												项目路径
											</td>
											<td>
												${server.sys.userDir}
											</td>
						                  </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            
			<div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                    	 <h5>磁盘状态 </h5>
                    </div>
                    <div class="ibox-content">
						   <div class="dataTables_wrapper form-inline">
                            <table class="table table-striped table-bordered table-hover dataTables-example dataTable">
                                <thead>
									<tr>
										<th>盘符路径</th>
										<th>文件系统</th>
										<th>盘符类型</th>
										<th>总大小</th>
										<th>可用大小</th>
										<th>已用大小</th>
										<th>已用百分比</th>
									</tr>
								</thead>
                                <tbody>
                                [#list server.sysFiles as sysFile] 
							        	<tr>
                                             <td>${sysFile.dirName}</td>
                                             <td>${sysFile.sysTypeName}</td>
                                             <td>${sysFile.typeName}</td>
                                             <td>${sysFile.total}</td>
                                             <td>${sysFile.free}</td>
                                             <td>${sysFile.used}</td>
                                             <td>${sysFile.usage}%</td>
                                         </tr>
                                    [/#list] 
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
			
			
			
		</div>
	</div>

	<!-- 全局js -->
	<script src="${base}/resources/js/jquery-2.1.1.min.js"></script>
	<script src="${base}/resources/js/bootstrap.min.js?v=3.4.0"></script>
	<!-- Peity -->
	<script src="${base}/resources/js/plugins/peity/jquery.peity.min.js"></script>
	<!-- 自定义js -->
	<script src="${base}/resources/js/content.min.js?v=1.0.0"></script>
	<!-- iCheck -->
	<script src="${base}/resources/js/plugins/iCheck/icheck.min.js"></script>
	<!-- layer javascript -->
	<script src="${base}/resources/js/plugins/layer/layer.min.js"></script>
	<script src="${base}/resources/js/plugins/bootbox/bootbox.min.js"></script>
	<script type="text/javascript"
		src="${base}/resources/js/admin/common.js"></script>
</body>

</html>
